<template>
  <Form ref="mForm" v-bind="$attrs" v-on="$listeners">
    <slot/>
  </Form>
</template>

<script>
import { Form } from 'element-ui'

export default {
  name: 'MForm',
  components: { Form }
}
</script>

<style lang="scss" scoped>
@import "~@/assets/style/common.scss";

/deep/ .el-form-item {
  min-height: 45px;

  .el-form-item__label {
    font-size: 15px;
  }

  &.is-required {
    .el-form-item__label {
      position: relative;

      &:before {
        display: inline;
        color: $theme-color-1;
      }
    }
  }

  &.is-error {
    .el-input__inner, .el-textarea__inner {
      border-color: red;
    }
  }
}
</style>
